<template>
    <div>
        <van-nav-bar title="会员中心" left-arrow @click-left="($router.go('-1'))" />
        <div style="background: red;width: 100%;height: 200px;">
            <van-image style="margin-left: 40%;margin-top: 3%;" round width="8rem" height="8rem"
                src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" /><br></br>
            <span style="margin-left: 32%;margin-top: 5%;color: #fff;">账号：{{ store.count.username }}</span>
            



        </div>
        <van-cell-group inset>
            <van-cell title="我的收藏" icon="star-o" />
            <van-cell title="我的优惠券" icon="coupon-o" />
            <van-cell title="收货人信息" icon="friends-o" />
            <van-cell title="个人资料" icon="contact-o" />
            <van-cell title="修改密码" icon="setting-o" />

        </van-cell-group>

    </div>
</template>

<script setup>
import { ref } from 'vue'
import { useCounterStore } from '@/stores/counter'
// 在组件内部的任何地方均可以访问变量 `store` ✨
const store = useCounterStore()
console.log(store.count)

</script>

<style lang="scss" scoped></style>